.select-list {
    border: 1px solid #dddee1;
    border-color: #e9eaec;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    .ivu-card-head {
        border-bottom: none;
        padding: 12px 16px;
    }
    .select-list-body {
        position: relative;
        padding: 0;
        font-size: 10px;
        .spin-wrapper {
            position: absolute;
            width: 100%;
            height: 100%;
            .ivu-spin {
                bottom: 68px;
                display: flex;
                background: rgba(255, 255, 255, 0.6);
                justify-content: center;
                align-items: center;
                flex-direction: column;
                .ivu-spin-main {
                    width: auto;
                    height: auto;
                }
            }
        }
        .page-line {
            text-align: center;
            height: 37px
        }
        .search-line {
            width: 100%;
            height: 30px;
            padding: 0;
            &:hover {
                background-color: transparent;
            }
            .search-input {
                width: 100%;
                padding: 0;
                .ivu-input-group-append {
                    border-right: none;
                }
                .ivu-input {
                    border-radius: 0;
                }
                .ivu-input-group-append {
                    border-radius: 0;
                }
                button.ivu-btn {
                    padding-right: 14px;
                    padding-left: 10px;
                }
            }
        }
        .serial-box {
            float: right;
            margin-top: -3px;
            margin-right: 8px;
        }
        .list-has-select {
            >*,
            .select-list-content>* {
                cursor: pointer;
            }
        }
        >*,
        .select-list-content>*,
        .list-wrapper{
                padding: 0;
         .list-item {
            padding: 6px;
            border-top: 1px solid #e9eaec;
            font-size: 12px;
            &:first-child {
                border-top: none
            }
            &:hover {
                /*background-color: #ebf7ff;*/
            }
            &.active {
                /*background-color: #fff;*/
                border-left: 4px solid #2d8cf0;
                padding-left: 12px;
            }
            .entity-option {
                display:flex;
                align-items: center;
                .name {
                    flex:1;
                }
            }
            .ivu-btn {
                margin:0;
                padding:4px;
            }
        }
         }
        >.selct-list-wrapper {
            position: relative;
            border-top: none;
            padding: 0;
            overflow: auto;
            height: 100%;
            >.select-list-content {
                position: absolute;
                overflow: auto;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                >.list-item,
                .list-wrapper{
                    .list-item {
                    min-height: 35px;
                    padding: 8px 12px;
                    border-top: none;
                    border-bottom: 1px solid #e9eaec;
                    &.active {
                        background-color: #2d8cf0;
                        color: #fff;
                    }
                    &.hover {
                        background-color: #ebf7ff;
                    }
                }
              }
            }
        }
    }
}